<!--
 * @Author: 陈俊升 761723995@qq.com
 * @Date: 2024-02-23 09:02:36
 * @LastEditors: 陈俊升 761723995@qq.com
 * @LastEditTime: 2024-02-23 10:12:05
 * @FilePath: /hr_new_vue3/src/views/Management/Administration/EnterpriseAnnouncement/AddAnnouncement/index.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<!-- 查阅情况 -->
<template>
  <ContentCard>
    <template #header>
      <pageHeaderNew :title="title" showBack></pageHeaderNew>
    </template>
    <footer>
      <a-space>
        <a-button class="btn" type="secondary" @click="router.back()">
          取消
        </a-button>
      </a-space>
    </footer>
  </ContentCard>
</template>

<script lang="ts" setup>
const router = useRouter();
const title = '查阅情况';
</script>

<style lang="less" scoped>
footer {
  height: 60px;
  width: calc(100% - 100px);
  background-color: #fff;
  box-shadow: 1px -1px 10px 0 #cacaca;
  position: fixed;
  bottom: 0;
  left: 10%;
  display: flex;
  justify-content: center;
  align-items: center;

  .btn {
    width: 120px;
    height: 40px;
    border-radius: 5px;
  }
}
</style>
